<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="./1.css/加入购物车划过.css">
    <link rel="stylesheet" href="./1.css/加入购物车.css" />
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>加入购物车</title>
  </head>
  <body>
    <div class="box">
      <!-- 头部 -->
      <header>
     
        <ul id="a1">
          <li class="logo"></li>
          <li></li>
          <li></li>
          <li><img src="./1.img/1.png" class="i1" /></li>
          <li></li>
          <li style="font-weight: bolder">z30pro</li>
          <li>红魔</li>
          <li style="font-weight: bolder">play</li>
          <li>智能生态</li>
          <li>品牌</li>
          <li>服务</li>
          <li>社区</li>
          <li>体验区</li>
          <li></li>
          <li></li>
          <li class="gou">🛒</li>
        </ul>
          <!-- 下拉菜单 -->
        <div class="xiala" >    
          <img class="ssss" src="./1.img/2.jpg" />       
            <img src="./1.img/3.jpg" />   
            <img src="./1.img/4.jpg" />
            <img src="./1.img/5.jpg" />                        
      </div>
      </header>

      <div class="zhong">
        <img src="./1.img/购买1.png" alt="" />
      </div>
      <div class="jiaru">
        <div class="zhanshi"><h5>商品清单</h5></div>
        <div class="zongjia">
          <h5>已经选择<span></span>件商品</h5>
          <div class="heji">
            <h5>合计(不含运费)</h5>
            <h1></h1>
          </div>
        </div>
        <button class="btnb"
          style="
           
            position: absolute;
            top: 897px;
            right: 180px;
          "
        >
          继续购物
        </button>
        <button  class="jiesuan"
          style="
            background-color: red;
            color: #fff;
            position: absolute;
            top:897px;
            right: 0px;
          "
        >
          去结算
        </button>
      </div>
    </div>
    <br />
    <br />
    <br />
    <br />
    <br />
    <h4 class="remen">热门商品</h4>

    <div class="a1">
      <div class="a2">
        <div class="a3"><img src="./1.img/购买2.png" alt="" /></div>
        <p style="margin: 2px 50px">
          红魔双核散热背夹<br />
          ￥179
          <button style="height: 50px; margin: 0 -10px">加入购物车</button>
        </p>
      </div>

      <div class="a2">
        <div class="a3"><img src="./1.img/购买2.png" alt="" /></div>
        <p style="margin: 2px 50px">
          红魔双核散热背夹<br />
          ￥179
          <button style="height: 50px; margin: 0 -10px">加入购物车</button>
        </p>
      </div>

      <div class="a2">
        <div class="a3"><img src="./1.img/购买2.png" alt="" /></div>
        <p style="margin: 2px 50px">
          红魔双核散热背夹<br />
          ￥179
          <button style="height: 50px; margin: 0 -10px">加入购物车</button>
        </p>
      </div>

      <div class="a2">
        <div class="a3"><img src="./1.img/购买2.png" alt="" /></div>
        <p style="margin: 2px 50px">
          红魔双核散热背夹<br />
          ￥179
          <button style="height: 50px; margin: 0 -10px">加入购物车</button>
        </p>
      </div>
    </div>
    <div id="xi">
      <div class="xi">
        <span class="xia">
          <div class="xia1">(；´д｀)</div>
         <br>
          <p class="xia2">七天无理由退货</p>
        </span>
      </div>
      <div class="xi">
        <span class="xia">
          <div class="xia1">(；´д｀)</div>
          <br />
          <p class="xia2">七天无理由退货</p>
        </span>
      </div>
      <div class="xi">
        <span class="xia">
          <div class="xia1">(；´д｀)</div>
          <br />
          <p class="xia2">七天无理由退货</p>
        </span>
      </div>
      <div class="xi">
        <span class="xia">
          <div class="xia1">(；´д｀)</div>
          <br />
          <p class="xia2">七天无理由退货</p>
        </span>
      </div>
    </div>
    <!-- 最后的 -->
    <div class="zuihou">
      <ul class="ul1">
        <li class="li1">关于我们</li>
        <li></li>
        <li class="li1">手机</li>
        <li></li>
        <li class="li1">热门活动</li>
        <li></li>
        <li class="li1">服务支持</li>
        <li></li>
        <li class="zaixian">在线客服</li>
      </ul>
      <ul class="ul2">
        <li class="li2">关于bunubia</li>
        <li></li>
        <li class="li2">红魔手机</li>
        <li></li>
        <li class="li2">会员热线</li>
        <li></li>
        <li class="li2">售后服务</li>
        <li></li>
      </ul>
      <ul class="ul3">
        <li class="li3">联系我们</li>
        <li></li>
        <li class="li3">z30系列</li>
        <li></li>
        <li class="li3">码值通道</li>
        <li></li>
        <li class="li3">售后网点</li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li class="li3" style="color: #cacaca">全国服务热线</li>
      </ul>
      <ul class="ul4">
        <li class="li4">商家入驻</li>
        <li></li>
        <li class="li4">红魔6S</li>
        <li></li>
        <li class="li4">以旧换新</li>
        <li></li>
        <li class="li4">特色服务</li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li class="li4" style="color: #000; font-size: 20px">400-700-6600</li>
      </ul>
      <ul class="ul5">
        <li class="li5">企业购</li>
        <li></li>
        <li class="li5">红魔6</li>
        <li></li>
        <li class="li5">全民分销</li>
        <li></li>
        <li class="li5">软件下载</li>
        <li></li>
        <li></li>
        <li></li>
        <li class="li5" style="color: rgb(78, 76, 76); width: 230px">
          周一到周日8:30-20:30(全年无休)
        </li>
      </ul>
      <ul class="ul6">
        <li class="li6"></li>
        <li></li>
        <li class="li6">红魔5s</li>
        <li></li>
        <li class="li6"></li>
        <li></li>
        <li class="li6">产品安全</li>
        <li></li>
        <li></li>
        <li></li>
        <li
          class="li6"
          style="color: rgb(78, 76, 76); width: 230px; font-size: 15px"
        >
          关注我们;
          <img src="./1.img/微信.png" alt="" />
        </li>
      </ul>
      <ul class="ul7">
        <li class="li7"></li>
        <li></li>
        <li class="li7">红魔5G</li>
        <li></li>
        <li class="li7"></li>
        <li></li>
        <li class="li7"></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
    <div class="dibu">
      <h3>
        2012-2021 深圳市努比亚信息技术有限公司 版权所有 | 粤ICP备18069660号
        <br /><br />
        ICP经营许可证编号：粤B2-20201516 | 粤公网安备 44030502000309号 |
        隐私政策 | 关于Cookie | 营业执照
      </h3>
      <h5>
        <img src="./1.img/国旗.png" />
        中国(简体中文/CNY)
      </h5>
    </div>
    </div>
  
    <div id="qq">

      





    </div>
     
     <script src="./js/axios.min - 副本.js"></script>
     <script src="./js/jquery-3.6.0.min.js"></script>
     <script src="./js/加入购物车.js"></script>
  </body>
</html>
